@import "../../public/less/index.less";
body {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  top: 0px;
  bottom: 0px;
  background-color: #FFFFFF;
  font-family: 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif, 'Droid Sans Fallback';
}
.glo {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  background-color: #F4F4F4;
  .cart-content {
    width: 100%;
    .nav-header {
      position: fixed;
      top: 0px;
      left: 0px;
      .h(100);
      width: 100%;
      background-color: #FFFFFF;
      //.border-bottom(1,#E8E8E8);
      color: #919191;
      z-index: 100;
      .nav-title {
        .h(100);
        .lh(100);
        .fs(30);
        .padding(0, 90);
        text-align: center;
        .ellipsis();
      }
      .save-address {
        position: absolute;
        display: flex;
        align-items: center;
        .top(0);
        .right(30);
        .h(100);
        //.w(100);
        .lh(100);
        .fs(24);
        text-align: right;
      }
      .nav-edit {
        position: absolute;
        display: flex;
        align-items: center;
        .top(0);
        .left(20);
        .h(100);
        .w(100);
        .lh(100);
        .fs(24);
        .icon-img {
          display: inline-block;
          background-image: url("../../public/images/fanhui.png");
          background-size: cover;
          .h(33);
          .w(18);
        }
      }
    }
    .mui-table-view:after {
      height: 0px;
    }
    .mui-content {
      .mt(102);
      .mui-input-row {
        .tx-img {
          position: absolute;
          .w(75);
          .h(75);
          //background-color: red;
          border: 1px solid #B5B5B5;
          .b-radius(36);
          .right(40);
          .padding(3,3);
          img {
            .w(65);
            .h(65);
            border-radius: 50%;
          }
        }
        .h(100);
        display: flex;
        align-items: center;
        width: 100%;
        .border-bottom(1,#E8E8E8);
        .select-more {
          position: relative;
          background-image: url("../../public/images/selectmore.png");
          background-size: cover;
          .h(22);
          .w(12);
          .right(20);
        }
        #street::-webkit-input-placeholder{
          color: #333333;
          opacity:1;
        }
        #street:-ms-input-placeholder{
          color: #333333;
          opacity:1;
        }
        #region::-webkit-input-placeholder{
          color: #333333;
          opacity:1;
        }
        #region:-ms-input-placeholder{
          color: #333333;
          opacity:1;
        }
      }
      .mui-input-row label {
        width: 30%;
        .fs(23);
        color: #333333;
      }
      .mui-input-row label~input, .mui-input-row label~select, .mui-input-row label~textarea {
        width: 70%;
        .fs(23);
        color: #333333;
      }
      .mui-input-row textarea {
        height: 100%;
        .fs(24);
        color: #333333;
        .border-solid(1,#ffffff);
      }
    }
  }
}
.popur {
  display: none;
  position: fixed;
  top: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
  z-index: 100;
  .fs(30);
  .ocpice {
    position: fixed;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
  }
  .popur-body {
    position: fixed;
    bottom: 0px;
    z-index: 101;
    width: 100%;
    //.h(300);
    background-color: #FFFFFF;
    .cancle {
      position: absolute;
      display: inline-block;
      width: 100%;
      color: #929292;
      display: inline-block;
      .padding(22,25);
      .fs(25);
      z-index: 10;
    }
    .popur-title {
      color: #929292;
      display: inline-block;
      text-align: center;
      .padding(20,0);
      width: 100%;
      background-color: #F4F4F4;
    }
    ul {
      padding: 0px;
      margin: 0px;
      div {
        .h(100);
        .padding(0,25);
        display: flex;
        align-items: center;
      }
      .cancle-binbing {
        color: #222222;
        border-bottom: 1px solid #E9E9E9;
      }
      .cancle {
        color: #959595;
      }
    }
  }
}
.popur2 {
  display: none;
  position: fixed;
  top: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
  z-index: 100;
  .fs(30);
  .ocpice {
    position: fixed;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
  }
  .popur-body2 {
    position: fixed;
    bottom: 0px;
    z-index: 101;
    width: 100%;
    //.h(300);
    background-color: #FFFFFF;
    .cancle {
      position: absolute;
      display: inline-block;
      width: 100%;
      color: #929292;
      display: inline-block;
      .padding(22,25);
      .fs(25);
      z-index: 10;
    }
    .popur-title2 {
      color: #929292;
      display: inline-block;
      text-align: center;
      .padding(20,0);
      width: 100%;
      background-color: #F4F4F4;
    }
    ul {
      padding: 0px;
      margin: 0px;
      div {
        .h(100);
        .padding(0,25);
        border-bottom: 1px solid #E9E9E9;
        display: flex;
        align-items: center;
      }
      .cancle-binbing2 {
        color: #222222;
      }
      .cancle2 {
        color: #959595;
      }
    }
  }
}
.sub-bottom {
  background-color: #00c4d2;
  .h(103);
  position: fixed;
  bottom: 0px;
  width: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #FFFFFF;
  .fs(30);
  .create-name {
    width: 100%;
  }
}